<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 模板</title>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 引入 Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <link href="css/index.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#myScrollspy">
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column" style="margin-top: 50px">
            <nav class="navbar navbar-mycolor navbar-fixed-top" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">我的主页</a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="special.html">专辑</a>
                        </li>
                        <li class="">
                            <a href="#">扩展</a>
                        </li>
                        <li class="">
                            <a href="discuss.html">讨论</a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多<strong class="caret"></strong></a>
                            <ul class="dropdown-menu">
                                <li class="">
                                    <a href="#">图库</a>
                                </li>
                                <li class="">
                                    <a href="#">留言板</a>
                                </li>
                                <li class="">
                                    <a href="#">授权转载</a>
                                </li>
                                <li class="">
                                    <a href="#">@我</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <form class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input class="form-control" type="text" />
                        </div>
                        <button type="submit" class="btn btn-default">搜索</button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="hidden-xs">
                            <a href="#modal-container" data-toggle="modal">登录</a>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">用户中心<strong class="caret"></strong></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">个人中心</a>
                                </li>
                                <li>
                                    <a href="#">修改密码</a>
                                </li>
                                <li>
                                    <a href="#">退出</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
            <!--核心内容-->
            <div class="row clearfix" style="margin-top: 30px">
                <ol class="breadcrumb">
                    <li class="active">大区</li>
                </ol>
                <h1>讨论大区排行！</h1>
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h3 class="panel-title"><a href="say.html">laravel讨论区</a></h3>
                    </div>
                    <table class="table">
                        <th>活跃人数</th>
                        <th>帖子</th>
                        <th>回帖</th>
                        <th>最新发帖</th>
                        <th>最新回复</th>
                        <tr>
                            <td>产品 B</td>
                            <td>400</td>
                            <td>产品 B</td>
                            <td><a href="#">400</a></td>
                            <td><a href="#">400</a></td>
                        </tr>
                    </table>
                </div>
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h3 class="panel-title"><a href="say.html">laravel讨论区</a></h3>
                    </div>
                    <table class="table">
                        <th>活跃人数</th>
                        <th>帖子</th>
                        <th>回帖</th>
                        <th>最新发帖</th>
                        <th>最新回复</th>
                        <tr>
                            <td>产品 B</td>
                            <td>400</td>
                            <td>产品 B</td>
                            <td><a href="#">400</a></td>
                            <td><a href="#">400</a></td>
                        </tr>
                    </table>
                </div>
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h3 class="panel-title"><a href="say.html">laravel讨论区</a></h3>
                    </div>
                    <table class="table">
                        <th>活跃人数</th>
                        <th>帖子</th>
                        <th>回帖</th>
                        <th>最新发帖</th>
                        <th>最新回复</th>
                        <tr>
                            <td>产品 B</td>
                            <td>400</td>
                            <td>产品 B</td>
                            <td><a href="#">400</a></td>
                            <td><a href="#">400</a></td>
                        </tr>
                    </table>
                </div>
                <div class="panel panel-success">
                    <div class="panel-heading">
                        <h3 class="panel-title"><a href="say.html">laravel讨论区</a></h3>
                    </div>
                    <table class="table">
                        <th>活跃人数</th>
                        <th>帖子</th>
                        <th>回帖</th>
                        <th>最新发帖</th>
                        <th>最新回复</th>
                        <tr>
                            <td>产品 B</td>
                            <td>400</td>
                            <td>产品 B</td>
                            <td><a href="#">400</a></td>
                            <td><a href="#">400</a></td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--核心内容结束-->
            <div class="modal fade" id="modal-container" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h4 class="modal-title" id="myModalLabel">
                                登录/注册
                            </h4>
                        </div>
                        <div class="modal-body clearfix">
                            <div class="row col-xs-12 col-lg-4">
                                <img src="public/1.jpg" class="img-rounded img-responsive" alt="Cinque Terre" width="200">
                            </div>
                            <div class="row col-xs-12 col-lg-8" style="margin-top:20px">
                                <form class="form-horizontal switch show" id="user_login" role="form">
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">账号</label>
                                        <div class="col-xs-9 col-lg-9">
                                            <input name="username" type="text" class="form-control username" placeholder="请输入账号" data-toggle="tooltip" title="请输入账号">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">密码</label>
                                        <div class="col-xs-9 col-lg-9">
                                            <input type="password" name="password" class="form-control password"  placeholder="请输入密码"  data-toggle="tooltip" title="请输入密码">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">验证码</label>
                                        <div class="col-xs-3 col-lg-3">
                                            <input type="text" name="yanzhengma" class="form-control">
                                        </div>
                                        <div class="col-xs-6 col-lg-6">
                                            <img src="public/1.1.png" class="img-rounded img-responsive" alt="Cinque Terre">
                                        </div>
                                    </div>
                                </form>
                                <form class="form-horizontal hidden switch" id="user_creat" role="form">
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">账号</label>
                                        <div class="col-xs-9 col-lg-9">
                                            <input name="username" type="text" class="form-control username" placeholder="请输入账号" data-toggle="tooltip" title="请输入账号">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">密码</label>
                                        <div class="col-xs-9 col-lg-9">
                                            <input type="password" name="password" class="form-control password password1" placeholder="请输入密码"  data-toggle="tooltip" title="请输入密码">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">确认密码</label>
                                        <div class="col-xs-9 col-lg-9">
                                            <input type="password" name="password2" class="form-control password2" placeholder="请输入密码"  data-toggle="tooltip" title="请输入密码">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-3 col-lg-3 control-label">验证码</label>
                                        <div class="col-xs-3 col-lg-3">
                                            <input type="text" name="yanzhengma" class="form-control">
                                        </div>
                                        <div class="col-xs-6 col-lg-6">
                                            <img src="public/1.1.png" class="img-rounded img-responsive" alt="Cinque Terre">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary pull-left" id="switch">注册账号</button>
                            <button type="button" class="btn btn-success" id="login_blog">确定</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div id="footer" class="panel panel-success" colorClass="panel-success" style="margin-top: 50px">
        <div class="panel-heading">
            <div class="row">
                <div class="col-md-6">
                    <p>2017-05-01
                        <a href="#">冠冠</a> 制作
                        <a href="#" target="_blank" title=""></a>
                </div>
                <div class="col-md-6 social-text-align">
                    <p class="fh5co-social-icons">
                        <a href="#"><i class="icon-twitter-with-circle"></i></a>
                        <a href="#"><i class="icon-facebook-with-circle"></i></a>
                        <a href="#"><i class="icon-instagram-with-circle"></i></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>

<!--返回顶部标签-->
<div class="right_return_on">
    <span class="glyphicon glyphicon-chevron-up"></span>
</div>
<!--最小屏幕下颜色切换方式-->
<div class="right_box_on visible-xs">
    <span class="glyphicon glyphicon-chevron-left"></span>
</div>
<div class="small_right_box">
    <ul class="nav nav-tabs nav-stacked small_font" style="width:25px">
        <li>
            <span class="label label-default hand" onclick="otherColor('default')">浅灰</span>
            <span class="label label-primary hand" onclick="otherColor('primary')">深蓝</span>
            <span class="label label-success hand" onclick="otherColor('success')">浅绿</span>
            <span class="label label-info hand" onclick="otherColor('info')">浅蓝</span>
            <span class="label label-warning hand" onclick="otherColor('warning')">黄色</span>
            <span class="label label-danger hand" onclick="otherColor('danger')">红色</span>
        </li>
    </ul>
</div>


<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<script src="bootstrap/js/jquery.js"></script>
<!-- 包括所有已编译的插件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 鼠标效果 -->
<script  type="text/javascript" src="mymouse/js/mymouse.js" pic="./mymouse/images/" id="mymouse"></script>
<script src="js/index.js"></script>
<script>

</script>
</body>
</html>
